<template>
    <div>
        <span>这是one子组件：</span>
       
        <input type="text" v-model="newValue">
    </div>
</template>

<script>
    export default {
        name:"OneModel",
        data(){
            return{
                newValue:""
            }
        },
        props:{
            value:{
                type:String
            }
        },
        watch:{
            value:{  //监听 父组件传递的数据 并 赋值给当前组件数据，立即执行
                immediate:true,
                handler(){
                    this.newValue = this.value;
                }
            },
            newValue(){  //监听自身的数据
                this.$emit("input",this.newValue);
            }
        }
    }
</script>

<style scoped>

</style>